<div class="right-sidebar" id="right-sidebar" role="navigation">
    <div class="right-sidebar-items">
        <div id="user-list">
            <div id="userlist-header">
                <h4 class='right-sidebar-title' data-tooltip-template-id="search-people-tooltip-template"
                  id='userlist-title'>
                    {{t 'USERS' }}
                </h4>
                <i id="user_filter_icon" class="fa fa-search"
                  aria-hidden="true" aria-label="{{t 'Search people' }}"
                  data-tooltip-template-id="search-people-tooltip-template">
                </i>
            </div>
            <div class="input-append notdisplayed" id="user_search_section">
                <input class="user-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Search people' }}" />
                <button type="button" class="btn clear_search_button" id="clear_search_people_button">
                    <i class="fa fa-remove" aria-hidden="true"></i>
                </button>
            </div>
            <div id="buddy_list_wrapper" class="scrolling_list" data-simplebar>
                <ul id="buddy-list-users-matching-view" class="filters" data-search-results-empty="{{t 'No matching users.' }}"></ul>
                <div id="buddy_list_wrapper_padding"></div>
            </div>
        </div>
        <div class="right-sidebar-shortcuts">
            <a class="invite-user-link" role="button"><i class="fa fa-user-plus" aria-hidden="true"></i>{{t 'Invite more users' }}</a>
            {{#if realm_rendered_description}}
            <div class="only-visible-for-spectators">
                <div class="realm-description">
                    <div class="rendered_markdown">{{rendered_markdown realm_rendered_description }}</div>
                </div>
            </div>
            {{/if}}
        </div>
    </div>
</div>
